<template>
    <div class="centerBox">
        <div class="select-box">
            <div class="clearfix">
                <div class="select">
                    <div class="th">计划类别</div>  
                    <div class="td">
                        <input type="text" name="" value="" readonly="readonly" />  
                        <ul class="">
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                        </ul>
                    </div>
                </div>
                <div class="select">
                    <div class="th">智能分类</div>  
                    <div class="td">
                        <input type="text" name="" value="" readonly="readonly" />  
                        <ul class="hide">
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                        </ul>
                    </div>
                </div>
                <div class="select">
                    <div class="th">物料编号</div>  
                    <div class="td">
                        <input type="text" name="" value="" readonly="readonly" />  
                        <ul class="hide">
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                        </ul>
                    </div>
                </div>
                <div class="select">
                    <div class="th">库存分类</div>  
                    <div class="td">
                        <input type="text" name="" value="" readonly="readonly" />  
                        <ul class="hide">
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                        </ul>
                    </div>
                </div>
                <div class="select">
                    <div class="th">计划员</div>  
                    <div class="td">
                        <input type="text" name="" value="" readonly="readonly" />  
                        <ul class="hide">
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                        </ul>
                    </div>
                </div>
                <div class="select">
                    <div class="th">采购员</div>  
                    <div class="td">
                        <input type="text" name="" value="" readonly="readonly" />  
                        <ul class="hide">
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix">
                <div class="operation">
                    <div class="query">查询</div>
                    <div class="reset">重置</div>
                </div>    
            </div>
        </div> 
        <div class="main">
            <div class="title">采购供应商</div>
            <table border="1" cellspacing="0" cellpadding="0" class="table">
                <tr class="tdWidth">
                    <td width="*"></td>
                    <td width="*"></td>
                    <td width="*"></td>
                    <td width="*"></td>
                    <td width="*"></td>
                    <td width="*"></td>
                </tr>
                <tr class="thead">
                    <td>物料编号</td>
                    <td>库存类型</td>
                    <td>是否战略</td>
                    <td>计划员</td>
                    <td>采购员</td>
                    <td>供应商智能分类</td>
                </tr>
                <tr>
                    <td>Y12920</td>
                    <td>机械设备*硬盘</td>
                    <td>是</td>
                    <td>102</td>
                    <td>001</td>
                    <td>Ⅰ </td>
                </tr>
                <tr>
                    <td>Y12920</td>
                    <td>机械设备*硬盘</td>
                    <td>是</td>
                    <td>102</td>
                    <td>001</td>
                    <td>Ⅱ </td>
                </tr>
                <tr>
                    <td>Y12920</td>
                    <td>机械设备*硬盘</td>
                    <td>是</td>
                    <td>102</td>
                    <td>001</td>
                    <td>Ⅰ </td>
                </tr>
                <tr>
                    <td>Y12920</td>
                    <td>机械设备*硬盘</td>
                    <td>是</td>
                    <td>102</td>
                    <td>001</td>
                    <td>Ⅱ </td>
                </tr>
            </table>
            <div class="select-box clearfix">
                <div class="select">
                    <div class="th">季度</div>  
                    <div class="td">
                        <input type="text" name="" value="2017年第四季度" readonly="readonly" />  
                        <ul class="">
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                            <li>战略</li>
                        </ul>
                    </div>
                </div>
            </div> 
            <table border="1" cellspacing="0" cellpadding="0" class="table">
                <tr class="tdWidth">
                    <td width="5%"></td>
                    <td width="5%"></td>
                    <td width="2.5%"></td>
                    <td width="2.5%"></td>
                    <td width="6.5%"></td>
                    <td width="6.5%"></td>
                    <td width="6.5%"></td>
                    <td width="6.5%"></td>
                    <td width="6.5%"></td>
                    <td width="5%"></td>
                    <td width="5%"></td>
                    <td width="5%"></td>
                    <td width="5%"></td>
                    <td width="4%"></td>
                    <td width="3%"></td>
                    <td width="5.75%"></td>
                    <td width="5%"></td>
                    <td width="5.75%"></td>
                    <td width="4.5%"></td>
                    <td width="4.5%"></td>
                </tr>
                <tr class="thead">
                    <td>供应商</td>
                    <td>智能分类</td>
                    <td>分配</td>
                    <td>级别</td>
                    <td>最大采购周数</td>
                    <td>最小采购周数</td>
                    <td>最小提货周期</td>
                    <td>最大提货周期</td>
                    <td>未认定限额</td>
                    <td>ASL状态</td>
                    <td>早交次数</td>
                    <td>晚交次数</td>
                    <td>短交次数</td>
                    <td>合格率</td>
                    <td>均价</td>
                    <td>季度采购额</td>
                    <td>质量得分</td>
                    <td>供应商评级</td>
                    <td>质量分数</td>
                    <td>是否VIM</td>
                </tr>
                <tr>
                    <td>100364</td>
                    <td>Ⅰ类</td>
                    <td>15%</td>
                    <td>1</td>
                    <td>15</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>99%</td>
                    <td>120</td>
                    <td>10</td>
                    <td>99</td>
                    <td>A</td>
                    <td>120</td>
                    <td>是</td>
                </tr>
                <tr>
                    <td>100364</td>
                    <td>Ⅰ类</td>
                    <td>15%</td>
                    <td>1</td>
                    <td>15</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>99%</td>
                    <td>120</td>
                    <td>10</td>
                    <td>99</td>
                    <td>A</td>
                    <td>120</td>
                    <td>是</td>
                </tr>
            </table>
            <!--<div>日期选择预留</div>-->
            <table border="1" cellspacing="0" cellpadding="0" class="table">
                <tr class="tdWidth">
                    <td width=""></td>
                    <td width=""></td>
                    <td width=""></td>
                    <td width=""></td>
                    <td width=""></td>
                    <td width=""></td>
                    <td width=""></td>
                    <td width=""></td>
                    <td width=""></td>
                    <td width=""></td>
                    <td width=""></td>
                    <td width=""></td>
                    <td width=""></td>
                </tr>
                <tr class="thead">
                    <td></td>
                    <td colspan="2">2017-05-02</td>
                    <td colspan="2">2017-05-03</td>
                    <td colspan="2">2017-05-04</td>
                    <td colspan="2">2017-05-05</td>
                    <td colspan="2">2017-05-06</td>
                    <td colspan="2">2017-05-07</td>
                </tr>
                <tr>
                    <td></td>
                    <td>协议</td>
                    <td>实际</td>
                    <td>协议</td>
                    <td>实际</td>
                    <td>协议</td>
                    <td>实际</td>
                    <td>协议</td>
                    <td>实际</td>
                    <td>协议</td>
                    <td>实际</td>
                    <td>协议</td>
                    <td>实际</td>
                </tr>
                <tr>
                    <td>采购提前期</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                </tr>
                <tr>
                    <td>提货提前期</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                </tr>
                <tr>
                    <td>最小订单量</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                </tr>
                <tr>
                    <td>固定订货批次</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                    <td>10</td>
                </tr>
            </table>
            <div id="idssMap0">图形一预留</div>
            <div class="title">价格分析</div>
            <div id="idssMap1">图形二预留</div>
            <div class="title">采购分析</div>
            <div id="idssMap2">图形三预留</div>
        </div>
    </div>
</template>

<script>
</script>

<style>
</style>